<phone:PhoneApplicationPage x:Class="WinMote7.Views.MainPage"
                            xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                            xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
                            xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
                            xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
                            SupportedOrientations="Portrait"
                            Orientation="Portrait"
                            shell:SystemTray.IsVisible="True"
                            
                            xmlns:cal="clr-namespace:Caliburn.Micro;assembly=Caliburn.Micro"
                            >
    <Canvas>
        <Grid Background="Transparent">
            <Grid.RowDefinitions>
                <RowDefinition Height="Auto" />
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="*" />
            </Grid.RowDefinitions>
            
            <TextBlock Text="WinMote7" Grid.Row="0"
                    Style="{StaticResource PhoneTextNormalStyle}" />
            <TextBlock Name="PageTitle" Grid.Row="1"
                    Margin="-3,-8,0,0"
                    Style="{StaticResource PhoneTextTitle1Style}" />
            <ListBox Name="AvailableServers" Grid.Row="2" Margin="3">
                <ListBox.ItemTemplate>
                    <DataTemplate>
                        <Border CornerRadius="2,2,15,2" Margin="5" Width="420">
                            <Border.Background>
                                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                    <GradientStop Color="White" Offset="0.202" />
                                    <GradientStop Color="#FFC3B9B9" Offset="1" />
                                    <GradientStop Color="#FFE0DBDB" Offset="0" />
                                </LinearGradientBrush>
                            </Border.Background>

                            <Button Foreground="Black" cal:Message.Attach="SelectServer($datacontext)" BorderBrush="Transparent" HorizontalAlignment="Left">
                                <StackPanel Orientation="Horizontal" Margin="0,0,0,0" HorizontalAlignment="Left">
                                    <Image Source="{Binding Path=IconUrl}" Margin="0,0,15,0"></Image>
                                    <StackPanel>
                                        <TextBlock Text="{Binding Path=FriendlyName}"></TextBlock>
                                    </StackPanel>
                                </StackPanel>
                            </Button>
                        </Border>
                    </DataTemplate>
                </ListBox.ItemTemplate>
            </ListBox>
        </Grid>

        <Grid Name="NoResultsFound" VerticalAlignment="Top" HorizontalAlignment="Left" Height="80" Width="470" Canvas.Top="141">
            <TextBlock Text="No media servers found" Padding="20"></TextBlock>
        </Grid>

        <Border Name="LoadingPanel" CornerRadius="20" VerticalAlignment="Top" HorizontalAlignment="Left" Height="80" Width="470" Canvas.Top="141">
            <Border.Background>
                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                    <GradientStop Color="#FF1D1D1D" Offset="1" />
                    <GradientStop Color="#FF27A03D" Offset="0" />
                </LinearGradientBrush>
            </Border.Background>
            <StackPanel>
                <TextBlock Margin="30,10,0,0" Foreground="LightGray">Loading</TextBlock>
                <ProgressBar IsIndeterminate="True" Height="26" />
            </StackPanel>
        </Border>
    </Canvas>
</phone:PhoneApplicationPage>